<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
	.overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
		z-index: 9999;
	}
	.overlay img {
		display: block;
		max-width: 80%;
		max-height: 80%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.overlay.active {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#fileImg {
		cursor: pointer;
	}
</style>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">
						<input id="id" name="id" th:value="${kawmType.id}"  type="hidden">
							<div class="form-group">
								<label class="col-sm-3 control-label">类型：</label>
								<div class="col-sm-8">
									<input id="type" disabled name="type" th:value="${kawmType.type}" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">子级类型：</label>
								<div class="col-sm-8">
									<input id="specificType" disabled name="specificType" th:value="${kawmType.specificType}" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group" id="value1" th:style="${kawmType.type=='5'?'display:none':'display: block'}">
								<label class="col-sm-3 control-label">值：</label>
								<div class="col-sm-8">
									<input id="value" name="value" th:value="${kawmType.value}" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group" id="uploadBox"
								 th:style="${kawmType.type=='2'||kawmType.type=='3'?'display: block':'display:none'}">
								<label class="col-sm-3 control-label">图片上传</label>
								<div class="col-sm-8">
									<input type="file" id="upload-button">
								</div>
								<div class="col-sm-8" style="margin-top: 10px">
									<img id="fileImg"  th:src="${kawmType.value}" style="max-width: 100%;height: auto;border: 1px dashed #aaacaf">
								</div>
							</div>
							<div class="form-group" id="colorBox" th:style="${kawmType.type=='4'?'display: block':'display:none'}">
								<label class="col-sm-3 control-label">颜色选择：</label>
								<div class="col-sm-8">
									<input id="colorComponent" th:value="${kawmType.value}" data-jscolor="{}" />
								</div>
							</div>
							<div class="form-group" id="theme" th:style="${kawmType.type=='5'?'display:block':'display: none'}">
								<label class="col-sm-3 control-label">类型：</label>
								<div class="col-sm-8">
<!--									<input id="themeInput" placeholder="主题一：1，主题二：2" class="form-control" type="text">-->
									<select id="themeInput" name="value" placeholder="请选择类型" class="form-control">
										<option value="">请选择</option>
										<option value="1" th:selected="${kawmType.value == '1'}">雷一教育-职业素养测评</option>
										<option value="2" th:selected="${kawmType.value == '2'}">湖南金婴丽人健康管理有限公司</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-3">
									<button type="submit" class="btn btn-primary">提交</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
	</div>
	</div>
	<div class="overlay">
		<img src="" alt="image">
	</div>
	<div th:include="include::footer"></div>
	<script type="text/javascript" src="/js/jscolor.min.js"></script>
	<script type="text/javascript" src="/js/webJs/jzweb/kawmType/edit.js">
	</script>
</body>
</html>
